﻿		.topBox{width: 100%;padding: 4px 0; height: 40px;font-size: 12px;color: #60697b; background-color: #f8f8f8;border-bottom: 1px solid #edecec;}
		.topBox .container,.nav-bar .container,.center-bar .container{display: flex;align-items: center;justify-content: space-between;height: 100%;}
		.top-event{display: flex;}
		.regit-box a,.pro-tip a{padding: 0 8px;border-right: 1px solid #edecec;}
		.hot-line{margin-left: 8px;font-size: 14px;}
		.hot-line i{display: inline-block;font-size: 13px;margin-right: 2px;}
		.nav-bar{height: 60px;width: 100%;background-color: #fff;flex-wrap: nowrap;}
		.navbar-brand{height: 60px;}
		.navbar-brand img{height: 100%;}
	.jcc-title{    margin: 60px 0 40px;}
	.jcc-title .type-nav.nav-tabs{margin:0 auto ;}
	.jcc-title h2 {
	    font-size: 26px;
	    font-weight: 500;
	    color: rgba(37, 38, 49, 1);
		margin-bottom:24px;
		text-align:center;
	}
		.navbar-nav {      position: unset;flex-direction: row;z-index: 1000;}
	
.navbar-nav>li{    position: relative;
    height: 40px;}				
			.navbar-nav>li>a{position: relative; padding: 18px 5px;margin: 0 15px; transition: all 0.2s ease-in-out;display: block;font-size: 15px;font-weight: 600;}
			.navbar-nav li a::after{content: ""; position: absolute;width: 0px;height: 2px;background-color: #3f78e0;transform: translateX(-50%);left: 50%;bottom: 0px;transition: all 0.3s ease-in-out;}
			.navbar-nav li a:hover,.menu-act{color: #3f78e0;}
			.navbar-nav>li>a:hover::after, .menu-act::after{width: 100% !important;}
		.quikly-btn{display: inline-block;}
		.quikly-btn a{flex-shrink: 0;color: #fff;background-color: #d4c09d;border-radius: 15px;padding: 8px 18px;font-size: 16px; transition: all 0.2s ease-in-out;}
		.quikly-btn a:hover{background-color: #c2b090;}
		.index-banner{width: 100%;height: 560px;position: relative;}
		.index-banner:before{width: 100%;height: 100%;position: absolute;background: rgba(30, 34, 40, 0.6);}
		.top-ad{letter-spacing: 2px;}
		.center-bar{width: 100%;height: 80px;border-bottom: 1px solid #edecec;background-color: #fff;}
		.search-box form,.search-box{display: flex;align-items: center;}
		.form-control::placeholder{color: #999;}
		.service-phone-icon{font-size: 20px; margin-right: 15px;transition: all 0.2s ease-in-out; width: 40px;height: 40px;border-radius: 50%;border: 2px solid #3f78e0;display: flex;align-items: center;justify-content: center;}
		.service-phone{color: #3f78e0;cursor: pointer;}
		.service-phone p{font-size: 14px;font-weight: 600;line-height: 22px;margin-bottom: 5px;}
		.service-phone h2{font-size:18px;letter-spacing: 1px;font-weight: 600;}
		.service-phone:hover .service-phone-icon{background-color: #3f78e0; color: #fff;}
		.search-box .form-control{width: 380px;height: 38px;line-height: 35px; border: 1px solid #3f78e0;border-radius: 0;}
		.search-box .btn{background-color: #3f78e0;height: 38px;border-radius: 0;width: 110px;}
		.company-ys ul{display: flex;align-items: center;width: 100%;   justify-content: center;}			

		.mt-number-animate .mt-number-animate-dom{width: 22px;}
		.company-ys li{flex: 1;display: flex;text-align: left;padding: 0 10px;height: 70px; align-items: center;justify-content: center;}
		.company-ys li h2{font-size: 18px;color: #fff;line-height: 40px;flex-shrink: 0;}
		.company-ys li b{margin-bottom: 4px;vertical-align: middle;display: block;font-size: 32px;height: 40px;}
		.company-ys li p{font-size: 16px;color: #fff;display: block;margin-bottom: 0;text-align: left;}
		.company-ys-icon{width: 60px;height: 60px;background-color: #fff;border-radius: 50%;margin-right: 11px;cursor: pointer;transition: all 0.2s ease-in-out;}
		.company-ys-icon i{font-size: 30px; color: #3f78e0;}
		.company-ys-icon:hover{background-color: #3f78e0;}
		.company-ys-icon:hover i{color: #fff;}
		.company-ys{ position: relative;z-index: 9;height: 100px;  margin-top: -100px;
					 border-top-left-radius: 12px;
					 border-top-right-radius: 12px;
					 background-color: rgba(255,255,255,.2);
					 backdrop-filter: blur(8px);
					}
		.index-section{padding: 40px 0;}
		.card .scale{padding-right:0;}
		.yewu{display: flex;justify-content: center;margin-bottom: 40px;}
		.yewu li {flex: 1;margin-left: 20px;}
		.yewu li:nth-child(1){margin-left: 0;}
		.yewu li .card{background-color: #fff ;border-radius: 8px;height: 160px;position: relative;}
		.yewu li .card .row{margin: 0;display: flex;align-items: center;justify-content: center;}
		.yewu li .card-body{padding-left: 0;padding-right: 8px;}
		.card-title{font-size: 18px;font-weight: 600;color: #343f52;}
		.yewu-pro{overflow: hidden;height: 56px;}
		.yewu-pro p{width: 50%;float: left;margin-bottom: 10px !important;font-size: 12px;color: #60697b;text-align: center;}
		.more{position: relative; overflow: hidden; padding: 4px 12px; font-size: 14px; border:1px solid #3f78e0;border-radius: 2px;text-align: center;display: inline-block;}
		.more a{color: #3f78e0;position: relative;z-index: 2;}
		.more:before{transition: all .2s ease; content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #3f78e0;}
.about-us img{width:100%;}
.case-list li h2{font-size: 18px;
    line-height: 50px;}
.product-list li{
    width:23.5%;
   
    margin-left: 2%;
    float: left;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}
.product-list li:nth-child(4n+1){    margin-left: 0%;}

		.more:hover:before{width: 100%;}
		.more:hover a{color: #fff;}
		.more i{transition: all .3s ease;}
		.more:hover{ border:1px solid #fff;}
		.more:hover i{margin-left: 6px;}
		.scale img{transition: all .3s ease-in;width: 122px;cursor: pointer;}
		.scale img:hover {-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
		.bg-color{background-color:#f1f5fd  ;}
		.about-us{width: 100%;display: flex;align-items: center;justify-content: center;}
		.case-ad{width: 320px;height: 580px;position: relative; color: #fff; display: flex;justify-content: center; padding: 0 20px;  flex-shrink: 0;flex-direction: column;}
		.case-ad h3{font-size: 32px;font-weight: 500;    letter-spacing: 6px;}
		.case-ad p{    margin-top: 34px;
					font-size: 18px;
					line-height: 38px;}	
		.case-list li{width: 31.3%;height: 280px; margin-left: 2%;float: left;margin-bottom: 20px;    background: #fff;    text-align: center;border-radius: 4px ; overflow: hidden;}
			.case-list li:nth-child(n+4){margin-bottom: 0;}
		.case-item{width: 100%;height: 100%;position: relative;background-size: cover;background-position: center;}
.case-item>a{display:block;    height: 100%;}
		.case-bot-title{position: absolute;bottom: 20px;transform: translateX(-50%);left: 50%;width: 100%;    border-radius: 20px; height: 28px; text-align: center;
		  transition: all .3s ease-in;overflow: hidden;}
		.case-item h2{font-weight: 400; font-size: 16px;color: #fff;text-align: center; background: rgba(0,0,0,0.32);display: inline-block;padding: 4px 16px;
		 border-radius: 20px;transition: all .3s ease-in;}
		.case-list{flex: 1;}
		.bg-cover {
		    background-position: center;
		    background-size: cover;
		    background-repeat: no-repeat;}

		.overflow{overflow: hidden;}
		.index-title{padding: 50px 0 24px;text-align: center;}
		.index-title h2{font-size: 32px;margin-bottom: 16px;}
		.index-title p{font-size: 18px;color: #60697b;}
		.more-case{position: absolute;bottom: 20px;right: 20px;font-size: 15px;letter-spacing: 2px;}
		.more-case a{color: #fff;position: relative;margin-right:0px;transition: all .3s ease-in;}
		.more-case i{font-size: 20px;}
		.more-case:hover a{color: #fff;margin-right:-6px;}
		.case-link{display: flex;justify-content: center;margin-bottom: 8px;}
		.case-link a{flex-shrink: 0;font-size: 16px; padding: 2px 18px;line-height: 28px; background-color: #fff;border-radius: 15px; color: #3f78e0;display: flex;
		align-items: center;justify-content: center;transition: all .2s ease-in;}
		.case-link a:nth-child(1){margin-right: 14px;}
		.colum-animate{position: relative;margin-top: -40px;transition: all .3s ease-in;}
		.case-item:hover h2{color: #fff;background-color: #3f78e0;}
		.case-item:hover .case-bot-title{background-color: #3f78e0;bottom: 0;border-radius: 0;width: 100%;height: 45px;}
		.case-item:hover .colum-animate{margin-top: 7px;}
		.case-link a:hover{background-color: #c2b090;color: #fff;}
		.case-link i{font-size: 18px;margin-right: 2px;}
		.ab-sec .cont{display: flex;    position: relative;}
/* 		.weitop:before {
		    content: "";
		    display: block;
		    width: 126px;
		    height: 526px;
		    position: absolute;
		    background-repeat: no-repeat;
		    z-index: 3;
		    background-position: left top;
		    background-size: contain;
		    background-image: url(../img/dabugotbagfzq1.png);
		    left: 0;
		    top: -142.6px;
		} */
		.ab-sec .cont .item {
		    overflow: hidden;
		    width: 35.625%;
		    position: relative;
		    -webkit-transition: all 0.7s ease 0s;
		    transition: all 0.7s ease 0s;
		    margin-left: -12%;
		}
		.ab-sec .cont .item.on {
		    -webkit-transition: width 0.3s linear;
		    transition: width 0.3s linear;
		    width: 76.8%;
			z-index: 2;
	
		}
		.ab-sec .cont .item:first-child {
		    margin-left: 0;
		}
		.ab-sec  .cont .item .img {
		    transform: skew(-18deg);
		    transform-origin: right top;
		}
		.ab-sec  .cont .item .img {
		    width: 100%;
		    height: 800px;
		    overflow: hidden;
		    position: relative;
		}
		.ab-sec .cont .item .img img {
		    width: 100vw;
		    height: 100vh;
		    object-fit: cover;
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transition: left 0.3s linear;
		    margin-left: -50vw;
		    margin-top: -50vh;
		}
	
		.ab-sec  .cont .item .img img {
		    transform: skew(18deg);
		}
		.ab-sec .cont .item:nth-child(2) .img img {
		    left: 80%;
		}
		.ab-sec .cont .item:nth-child(2) .img {
		    transform-origin: left bottom;
		}
		.ab-sec  .cont .item .fz_jut {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    padding-left: 160px;
		    z-index: 2;
		    color: #fff;
		    padding-top: 140px;
		}
		.ab-sec  .cont .item .fz_jut .font {
		    width: 100%;
		    display: flex;
		    align-items: flex-start;
		    padding-left: 90px;
		}
		.font36{font-size: 36px;}
		.ab-sec  .cont .item:first-child .fz_jut .font {
		    padding-left: 0;
		}
		.ab-sec  .cont .item .fz_jut .font .title {
		    width: 24%;
		    line-height: 1.2;
		    min-width: 150px;
			flex-shrink: 1;
		}
		.ab-sec .cont .item:first-child .fz_jut .font {
		    padding-left: 0;
		}
		.ab-sec .cont .item.on .fz_jut .font {
		    padding-right: 200px;
		}
		.ab-sec  .cont .item .fz_jut .font .nei {
		    opacity: 0;
		    visibility: hidden;
		    width: 0;
		    transition: opacity 0.15s 0.3s linear;
		    width: 0%;
		}

.ab-sec .cont .item.on .fz_jut .font .nei {
    flex-shrink: 1;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.15s 0.5s linear;
    width: 75%;
}


/* .weibot:after {
    content: "";
    display: block;
    width: 126px;
    height: 526px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 2;
    background-position: right bottom;
    background-size: contain;
    background-image: url(../img/dabugotbagfzq2.png);
    right: 0;
    bottom: -137.6px;
} */
.ab-sec .cont .item .fz_jut .font .nei .text {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0px;
/* 	transition: all 0.4s 0.6s linear; */
	
    opacity: 1;
    transform: translateY(0);
    color: #ffffff;
    margin-bottom: 80px;}
	.fct{display: flex;justify-content: center;padding-right: 100px;}
	.fct li{width: 220px;height: 165px;position: relative;flex: 1;overflow: hidden;border: 2px solid #fff;border-radius: 8px;margin-left: 20px;margin-bottom: 20px;}
	.fct li:nth-child(1){margin-left: 0;}
	.fct-img{position: absolute;width: 100%;height: 100%;}
	.fct-img img{width: 100%;}
	.fct-title {position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;padding: 0 14px ;display: flex; align-items: center; justify-content: center;    background: transparent linear-gradient(0deg,#0A1E3B 0%,#1E529D00 100%) 0% 0% no-repeat padding-box;}
	.fct-title h2{font-size: 18px;font-weight: 500;}
	.ab-sec .cont .item:nth-child(2).on .img img {
	    left: 50%;
	}
	.visit a{	    letter-spacing: 2px;    color: #fff;
	   font-size: 16px;}
	.enter a{
	    z-index: 1;
	    display: inline-block;
	    padding: 5px;
	    padding-left: 45px;
	    background-color: transparent;
	
	    text-transform: uppercase;

	    transition: all .75s ease 0s;
	    position: relative;
	    overflow: hidden;
	    border-radius: 0;
	    transition: all 750ms ease;
	    cursor: pointer;
	    transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;
	}

	.enter a:before {
     content: "\f285";
	    display: block;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 30px;
	    padding: 2px 5px;
	    color: white;
	    background-color: #fff;
	    height: 100%;
	    z-index: -1;
		
	    display: inline-block;
	    font-family: bootstrap-icons !important;
	    font-style: normal;
	    font-weight: 700;
	    font-variant: normal;
	    text-transform: none;

		color: #3f78e0;
	    -webkit-font-smoothing: antialiased;
	   
	    transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;
	    border: 2px solid #fff;
	}
	.service-item li:hover .enter a,.enter a:hover{ padding-left: 30px;}
	.service-item li:hover .enter a:before,.enter a:hover:before{width: 100%;background-color: #3f78e0;    border: 2px solid #3f78e0;color: #fff;}
	
	.fz_list {
	    display: flex;
	    flex-wrap: wrap;
	    margin-bottom: 110px;
		margin-top: 140px;
	}
	.fz_list .li {
	    padding: 0 16px 10px;
	    padding-right: 50px;
	    border-left: 2px solid rgba(182, 215, 233, 0.4);
	    margin-bottom: 20px;
	}
	.fz_list .li .name {
	    font-size: 20px;
	    margin-bottom: 12px;
	}
	.fz_list .li .shu {
	    line-height: 0.8;
	    font-size: 26px;
	    font-weight: bold;
	}
	
	.apply li{flex: 1;width: 200px;height: 400px;position: relative;margin-left: 10px;overflow: hidden;}
			.apply li .bg-cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
			.apply li:nth-child(1){margin-left: 0;}
			.apply-text{    transition: all .4s ease 0s;position: absolute;width: 100%;
			
			
			    display: flex;
				flex-direction: column;
			    align-items: center;
			    justify-content: center;
			  
				height: 218px;overflow: hidden;bottom: -164px;
			}
			.apply-text h2{font-size: 22px;color: #fff; text-align: center;transition: all .4s ease 0s;   height: 40px;line-height: 40px; width: 100%; background: transparent linear-gradient(0deg,#3f78e0 0%,#1E529D00  100%) 0% 0% no-repeat padding-box;}
			.apply-text-desc{font-size: 16px;color: #3f78e0;margin-top: 20px;}
			.apply-text-desc p{line-height: 26px;    padding: 0 14px;color: #60697B;}
			.apply-text-desc a{    padding: 6px 0;transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;display: block;color: #fff;  transition: all .4s ease 0s;
						z-index: 1; margin: 20px auto;font-size: 16px;width: 125px;text-align: center;
						border: 0;background-color: #3f78e0;
						box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
			.apply li:hover .apply-text{bottom:0;background-color: #fff;}	
				.apply li:hover h2{background:#fff;color: #343F52; }
				.apply li:hover {box-shadow: 8px 8px 14px 4px rgba(4, 0, 108, 0.05);}
				#service .item {
				    margin: 0 25px;flex: 1;
				}
				#service .item .cards {
				    padding: 50px 0;
				    z-index: 1;
				}
				.p-full {
				    top: 0;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    width: 100%;
				    height: 100%;
				}
				.p-a {
				    position: absolute;
				}
				.p-r {
				    position: relative;
				}
				#service .item .cards .number {
					text-align: center;
				    line-height: 84px;
				    font-size: 26px;
				    color: #fff;
				    font-weight: 500;
					letter-spacing: 1px;
					
				}
				
				#service .item .cards .icon {
				    width: 27.5%;
				    margin: 69px auto 22px auto
				}
				
				#service .item .cards .icon img {
				    width: 100%;
				    height: auto
				}
				
				#service .item .cards .desc {
				    padding: 0 0 0 56px;
				    box-sizing: border-box
				}
				
				#service .item .cards .desc p {
				    line-height: 48px;
				    font-size: 24px;
				    color:#fff;
				    font-weight: 500
				}
				
	/* 			#service .item .cards .desc:after {
				    content: "";
				    display: block;
				    margin-top: 18px;
				    width: 36px;
				    height: 7px;
				    background-color: #3F78E0; 
				} */
				
				#service .item .bg {
				    background-color: #f5f9ff;
				
				    transform: skew(-5deg, 0);
				    transition: all ease .3s
				}
				
				#service .item:hover .bg {
				    transform: skew(-5deg, 0) scale(1.06);
				    background-color: #fff;
				    box-shadow: 5px 10px 20px 0px rgba(19, 124, 247, .1)
				}
				#service .item .bg:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(63,120,224,.4);}
				.cards .enter{margin-left: 56px;margin-top: 60px;}
				.cards .enter a:before{    background-color: #3F78E0;color: #fff;}
				.cards .enter span{font-weight: 600;font-size: 16px;}
				.fa-btn{margin-top: 40px;display: flex;justify-content: center;}
				.fa-btn a{text-align: center;width: 150px;height: 45px;line-height: 45px;background-color: #3F78E0;color: #fff;font-size: 16px;margin:0 10px;}
				
				.tp-btn{position: relative;    transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;    z-index: 1; border: 0;    box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
				.tp-btn:before{content: ""; position: absolute;    display: block;
							left: 0;
							bottom: 0;
							height: 0;
							width: 100%;
							z-index: -1;
							content: '';
		background: #d4c09d;
							transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;}
				.tp-btn:hover:before{
					height: 100%;
				}
				.fa-btn i{margin-left: 8px;}
				#posts .post {
				    margin: 0;
				    padding: 8px;
				    border-bottom: 1px solid rgba(11, 16, 49, .1);
				    transition: all ease .4s;
				}
				#posts .post .time {
				    font-family: "DIN Alternate Bold";
				    min-width: 100px;
				    width: 100px;
				    height: 100px;
				    margin-right:16px;
					margin-left: 8px;
				    color: #fff;
				    background: linear-gradient(136deg, #d6fffe 0%, #a0c5ff 100%);
				    border-radius: 6px;
				    transition: all ease .2s;
				}
				#posts .post .time .day {
				    font-size: 36px;
				    font-weight: 700;
				    line-height: 42px;
				    padding: 10px 0 14px;
				}
				#posts .post .time .month {
				    font-size: 20px;
				    font-weight: 700;
				    line-height: 24px;
				    margin: 0 0 10px;
				}
				#posts .post .data {
				
				    display: flex;
				    flex-direction: column;
				    justify-content: space-between;
				}
				#posts .post .data h2 {
				    	font-size: 18px;
				    font-weight: 500;
				    color: #343F52;
				    line-height: 33px;
				    margin-bottom: 10px;
				    word-break: break-all;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				    -webkit-line-clamp: 1;
				    overflow: hidden;
					text-align: left;
					flex: 1;
					white-space: nowrap;
				}
				#posts .post a {
				    color: #343F52;
				    text-decoration: none;
				
				}
				#posts .post .data .icon {
				    margin-left: 26px;
				    height: 30px;
				    width: 30px;
					line-height: 30px;
				    opacity: 0;
				    visibility: hidden;
				    transform: translateX(100%);
				    transition: all ease .3s;
				}
				#posts .post .data .icon i{font-size: 26px;color: #3F78E0;}
				#posts .post .data p {
				    font-size: 16px;
				    font-weight: 400;
				    color: #60697B;
				    opacity: .6;
				    line-height: 32px;
				    word-break: break-all;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				    -webkit-line-clamp: 2;
				    overflow: hidden;
				}
				.t-c{text-align: center;}
				.top-news .card-title{font-weight: 500;line-height: 28px;}
				.top-news .card-text{color:#60697B;font-size: 16px;line-height: 28px;height: 84px;text-overflow: ellipsis;overflow: hidden;    opacity: .6;}
				.top-news{}
				.index-news li:hover{background-color: #f1f5fd;}
				.index-news li:hover #posts .post  .data .icon{    opacity: 1; visibility: visible;    transform: translateX(0)}
				.index-news li:hover #posts .post .time{background: #fff;color: #3F78E0;}
				.top-news img{height: 300px;}
				.top-news .mb-4{margin-bottom: 0 !important;}
				.link-list{}
				.link-list li{padding: 14px 10px; display: inline-block;}
				.link-list li a{color: #60697B;}
				.share-link{margin: 40px 0;}
				.link-list li a:hover{color: #3F78E0;}
				.share-link .nav-tabs{background-color: #f1f5fd;border-top: 2px solid #3F78E0;border-bottom: 0;}
				.share-link .nav-tabs a{color: #343F52;font-size: 16px;}
				.nav-tabs .nav-link.active{border-top: none;border-radius: 0;}
				.hezuo li{text-align: center;margin-bottom: 10px;border-radius: 4px;padding: 20px 0; }
				.hezuo li img{width: 120px;max-width: 100%; margin-bottom: 8px;   }
				.hezuo li p{color: #343F52;}
				.hezuo li:hover{box-shadow: 8px 8px 14px 5px rgba(4, 0, 108, 0.05);}
				  .footer{width: 100%;padding-top: 40px;    background-color:#202942; color: rgba(255, 255, 255, 0.7);}
				.footer-copyright {
				  display: flex;
				  padding: 20px 0;
				  border-top: 1px solid rgba(255, 255, 255, 0.2);
				  align-items: center;
				  justify-content: center;
				}
				.footer-copyright p {
				  margin: 0 13px 0 8px;
				  color: rgba(255, 255, 255, 0.7);
				}
				.footer-copyright p a {
				  color: rgba(255, 255, 255, 0.7);
				}
				.foot-yewu{
				  margin-bottom: 40px;overflow: hidden;
				  justify-content: space-between;
				
				  display: flex;
				  
				}
			
				.btn-orange.pd-32{
				  border: 1px solid #E87B2B;
				}
				.btn.pd-32 {
				  padding: 8px 32px;
				
				}
				.footer-link-btn {
				  margin-top: 20px;
				}
				.footer-link-btn a{    background-color: #C2B090;
				  color: #ffffff !important;border-radius: 0;}
				
				
				.footer-company-info {
				  margin-top: 20px;
				  color: rgba(255, 255, 255, 0.7);
				}
				.footer-company-info p {
				 
				  line-height: 28px;
				
				}
				.footer-company-info p b{font-size: 18px;letter-spacing: 2px;font-weight: 500;}
				.foot-ewm {margin: 14px 0;text-align: center;justify-content: left;}
				.foot-ewm >div{
				 margin-right: 18px;
				}
				.foot-ewm img{width: 100px;}
				.foot-ewm h3{font-size: 12px;color: #fff;height: 22px;line-height: 22px;background: #EDECEC;color: #60697B;}
				.foot-yewu-part{padding-top: 20px;
				  color: #ffffff;}
				  .foot-yewu dl {
				    width: 160px;
				    float: left;
					
				}
				.foot-yewu dt,.footer-company-info h2{
				  height: 25px;
				  margin-bottom: 24px;
				  line-height: 25px;
				  font-size: 18px;
				}
				.footer-company-info h2{color: #fff;font-weight: 700;}
				.foot-yewu dd {
				  height: 40px;
				  line-height: 40px;
				}
				dd a {
				  color: rgba(255, 255, 255, 0.7);
				}
				dd a:hover{color: #fff;}
				.t-flx {overflow: hidden;}
				.clearfix{clear: both;}
				.clearfix:after {
				  clear: both;
				  overflow: hidden;
				}
				.service-item li{width: 49%;height: 280px;position: relative; float: left;padding: 2px;border-bottom: 1px solid #fff;}
				.service-item li .scale{}
				.paw{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
				.service-bg{}
				.service-bg img{width: 100%;height: 100%;}
				.inner-text{background: linear-gradient(136.15deg, rgba(63, 120, 224, .9) 0%, rgba(255, 255, 255, .8) 100%); z-index: 4;padding: 40px 50px;	transition: all .3s cubic-bezier(0.215,0.61,0.355,1) 0s;}
				
				.service-item li:nth-child(3) .inner-text{    background: linear-gradient(136.15deg, rgba(194,176,144, .9) 0%, rgba(255, 255, 255, .8) 100%);}
				.inner-text h2{font-size: 28px;color: #fff;margin-bottom: 14px;letter-spacing: 2px;}
				.inner-text p{font-size: 16px;color: #fff;-webkit-transition: all 0.3s linear .1s;  transition: all 0.3s ease;opacity: 0;}
				.sevice-more{position: absolute;left: 50px;bottom: 40px;z-index: 5;}
				.sevice-more a{color: #fff;font-size: 16px;}
				.sevice-more.enter a:before{box-shadow: 8px 16px 15px 5px rgba(4, 0, 108, 0.08);}
					.service-item li:hover .enter a:before{background-color: #fff; border: 2px solid #fff;color: #3F78E0;}
					.service-item li:hover	.sevice-more a{color: #3F78E0;}
					.service-item li:hover .inner-text p{opacity: 1;margin-top: -4px;}
					.service-item li:nth-child(2n+1){margin-right: 2%;}
					.service-item li:hover .inner-text{background: linear-gradient(136.15deg, rgba(63, 120, 224, 1) 0%, rgba(255, 255, 255, 1) 100%);}
			/* 首页end */
			
			/* 解决方案 */
			.jcsl{text-align: center;margin-top: 60px;}
						.jcsl li{flex: 1;}
						.jcsl img{width: 76px;display: block;margin: 0 auto 16px;}
						.jcsl h3{font-size: 22px;margin-bottom: 10px; font-weight: 500;color: rgba(37, 38, 49, 1);line-height: 1;}
						.jcsl p{font-size: 16px;color: rgba(102, 102, 102, 1);}
						.jc-title{margin: 80px 0 40px;text-align: center;}
						.jc-title h2{font-size: 26px;font-weight: 500;color: rgba(37, 38, 49, 1);}
						.jc-title p{font-size: 16px;color: #60697B;line-height: 32px;margin-top: 16px;}
						.jcxm li{flex-shrink: 1;margin-left: 2%;width: 23.5%;float: left; margin-bottom: 32px; background-color: #fff;position: relative;border: 1px solid rgba(235, 238, 245, 1); cursor: pointer; }
						.jc-hot{position: absolute;right: 0px;top: 0;}
						.jcxm li:nth-child(4n+1){margin-left: 0;}
						.jcxm li:hover{box-shadow: 8px 8px 14px 5px rgba(4, 0, 108, 0.05);}
						.jcxm-img{height: 280px;display: flex;width: 100%;justify-content: center;align-items: center;overflow: hidden;}
						.jcxm-img img{max-width: 100%;}
						.jcxm h2{width: 100%;height: 64px;line-height: 64px;text-align: center; font-size: 18px;font-weight: 500; background: linear-gradient(225deg, rgba(214, 226, 255, 1) 0%, rgba(250, 251, 255, 1) 100%);}
						.jcxm-box{position: relative;width: 100%;}
						.color-line{width: 100%;height: 270px;z-index: -1; background-color: rgba(245, 248, 255, 1);  position: absolute;transform: translateY(-50%);top: 50%;}
						.jcfw-qa{width: 31.1%;float: left; padding: 50px 24px 0; height: 344px;background: linear-gradient(136.15deg, rgba(196, 215, 253, 1) 0%, rgba(255, 255, 255, 1) 100%);position: relative;box-sizing: border-box;}
						.jcfw-qa h3,.jcfw-zx h3{font-size: 25px;font-weight: 500;color: rgba(37, 38, 49, 1);margin-bottom: 32px;text-align: center;}
						.jcfw-qa li{width: 50%;position: relative;z-index: 2;  float: left;font-size: 18px;color: rgba(37, 38, 49, 1);position: relative;line-height: 26px;padding-left: 20px;box-sizing: border-box;margin-bottom: 7px;}
						.jcfw-qa li:before{content: "";width: 8px;height: 8px;background-color: #1931FF;position: absolute;left: 0;top: 9px;border-radius: 50%;}
						.lr-bg{position: absolute;right: 0;bottom: 0;z-index: 1; }
						.jcfw-type{overflow: hidden;float: left;width: 68.9%;}
						.jcfw-type li{width: 23%;height: 160px; float: left;margin-left:2% ;margin-bottom: 24px;border: 2px solid rgba(235, 238, 245, 1);color: rgb(37, 38, 49);padding: 20px;  box-sizing: border-box;  }
						.jcfw-type li b{font-size: 22px;font-weight: 500;}
						.jcfw-type li h2{font-size: 22px;line-height: 32px;font-weight: 500;position: relative; margin-top: 26px;display: block;}
						.jcfw-type li h2:after{content: "";width: 24px;height: 6px;background-color: #1931FF;bottom: -22px;left: 0;position: absolute;}
				
						.jcfw2 {overflow: hidden;}
						.jcfw-zx{width: 26.6%;height: 256px;padding: 32px ; float: right;background: linear-gradient(225deg, rgba(214, 226, 255, 1) 0%, rgba(250, 251, 255, 1) 100%);position: relative;box-sizing: border-box;}
						.jcfw-zx h3{text-align: left;line-height: 36px;}
						.pos-r-2{position: relative;z-index: 2;}
						.zx-btn{width: 112px;height: 40px;color: #fff !important;margin-top: 70px; line-height: 40px;text-align: center;font-size: 16px;font-weight: 500;background: rgba(25, 49, 255, 1);display: block;}
						
						.jcfw-ques{width: 73.4%;float: left;overflow: hidden;}
						.jcfw-ques li{box-sizing: border-box; width: 48%;background: rgba(250, 251, 255, 1); margin-bottom: 32px; border-radius: 4px; float: left;padding:  0 11px; margin-right: 2%;height: 64px;white-space: nowrap;overflow: hidden;display: flex;align-items: center;}
						.jcfw-ques li b{width: 40px;font-size: 20px; font-weight: 500; line-height: 40px; height: 42px;color: #fff; background: linear-gradient(136.43deg, rgba(214, 255, 254, 1) 0%, rgba(160, 197, 255, 1) 100%);border-radius: 6px;text-align: center;}
						.jcfw-ques li b label{font-size: 28px;}
						.jcfw-ques li span{color: #252631;font-size: 18px;font-weight: 500; display: inline-block;margin-left: 12px;}
						.jcys{background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(231, 236, 255, 1) 100%);padding: 10px 0 40px;}
						.jcys-item li{flex: 1; margin-right: 24px; height: 362px;box-sizing: border-box; padding:40px 20px ;background: #fff;border: 2px solid rgba(235, 238, 245, 1);      }
						.jcys-item li img{width: 72px;}
						.jcys-item li h3{font-size: 22px;font-weight: 500;line-height: 32px;color: #252631;display: block;margin: 26px 0 32px;}
						.jcys-item li p{display: block;position: relative;font-size: 18px;font-weight: 400;line-height: 32px;color: #252631;margin-bottom: 12px;padding-left: 20px;}
						.jcys-item li p:before{content: ""; width: 8px;height: 8px;background: #1931FF;border-radius: 50%;left: 0;top: 12px;position: absolute;}
						.jcys-item li:hover{background: linear-gradient(180deg, rgba(233, 237, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);border: 2px solid rgba(25, 49, 255, 1);box-shadow: 8px 16px 15px 5px rgba(4, 0, 108, 0.08);
				    }
					.jcys-item {margin-bottom: 65px;}
					.jcys-bot{text-align: center;}
					.jcys-bot h3{font-size: 24px;font-weight: 500;}
					.jcys-bot .zx-btn{margin: 25px auto 0;position: relative;}
					.jcphotos>li {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 26px;}
					.jcphotos img{width: 100%;display: block;}
					.jcphotos>li:nth-child(4n){margin-right: 0;}
			
					
					.jcpt-two img{margin-bottom: 26px;}
					.jc-honor{width: 100%; padding: 1px 0 100px;}
					.jc-honor-list li,.jcrz-list li{flex: 1;margin-right: 50px;}
					.img-border{border: 2px solid rgba(189, 201, 219, 1); padding: 24px 20px; margin-bottom: 16px;height: 330px;box-sizing: border-box;background: #fff;}
					.img-border:hover,.recommend-case .card:hover {border: 2px solid rgba(25, 49, 255, 1);   }
					.img-border img{width: 100%;}
					.jc-honor-list li h2,.jcrz-list li h2{font-size: 20px;font-weight: 500;text-align: center;}
					.jcrz-list li{ background: linear-gradient(180deg, rgba(214, 226, 255, 1) 0%, rgba(250, 251, 255, 1) 100%);border: 2px solid rgba(189, 201, 219, 1);  padding: 12px 12px 22px; }
				.jcrz-list li h2{margin-top: 16px;}
				.jcrz-list  img{width: 100%;}
				.lanmu-banner a{width: 100%;
			    height: 0;
			    padding-bottom: 20.8%;
			    display: block;}
				.recommend-case .card{margin-right: 30px;    border: 2px solid rgba(189, 201, 219, 1);}
				.recommend-case .card h5{font-weight: 500;color: #343F52;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
				.recommend-case .card .card-text{font-size: 14px;color: #60697B;line-height: 26px;height: 52px;overflow: hidden;text-overflow: ellipsis;}
				.card-group>.card+.card{border-left:2px solid rgba(189, 201, 219, 1) ;}
				
				.card-group>.card+.card:hover {border-left: 2px solid rgba(25, 49, 255, 1);   }
				/* 产品中心 */
				.pz-ser{margin-bottom: 50px; display: flex;justify-content: space-between;}
					.pz-ser li{width: 20%;height: 240px; display: flex;align-items: center;justify-content: center;cursor: pointer;background-color: #fff;}
					.pz-ser li:nth-child(2n){}
						.pz-item{flex-direction: column;}
							.pz-icon{margin:0 auto 20px;width: 120px; height: 120px;background-color:  rgba(25, 49, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
							.pz-item h3{font-size: 18px;font-weight: 500;margin: 0 auto;display: inline-block;}
							.pz-item h3 a{color: #343F52; transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;}
							.pz-item h3 a p{transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;display: inline-block;}
							.pz-item h3 a span{position: absolute;left: 30px;opacity: 0;transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;color: #fff;font-size: 16px;}
							.pz-item h3 a:hover p{opacity: 0;}
							.pz-item h3 a:hover span{opacity: 1;}
							.pz-item img{width: 88%;}
							.pz-ser li:nth-child(2) img{width: 75%;}
							.pz-item .enter a:before {
							    color: white;
							    border-color: #1931FF;
							    background-color: #1931FF;
								
								
							}
							.left-type{padding-right: 20px;padding-left: 0;}
							.item-img {height: 500px;position: relative;padding: 0;}
							.pronav-title{line-height: 60px;height: 60px;width: 100%;background: rgb(212 192 157);color: #333;font-size: 26px;text-align: center;}
							.item-bg{
								background: linear-gradient(136.15deg, rgba(212, 192,157, .3) 0%, rgba(255, 255, 255, .8) 100%);width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
							.item-bg p{font-size: 16px;line-height: 32px; color: #60697B;background-color:rgba(255, 255, 255, .9);display: block;margin: 80px 20px 0;padding: 30px 28px;border-radius: 8px;}
							.type-nav li a{
								 margin: 0 6px;
								  box-sizing: border-box;
								  background-color:#343f52;
								  box-shadow: 0 4px 0px #60697b;
							transition: all .2s cubic-bezier(0.215,0.61,0.355,1) 0s;
								  text-align: center;
								  color: #fff;
								  cursor: pointer;
									  border-radius: 4px !important;
					
							  transform: rotateX(5deg);
								
							}
							.type-nav.nav-tabs .nav-link{border: none !important;}
							.type-nav.nav-tabs{border-bottom: 0;padding: 10px 20px 16px;  }
							.type-nav li a{color: #fff;font-size: 16px;font-weight: 500;    padding: 5px 20px;}
							.product-content{margin-top: 20px;}
							.type-nav.nav-tabs .nav-link.active {box-shadow:none;transform: translateY(4px);color: #fff !important;padding: 6px 20px;  background-color: #60697B; 
							box-shadow: 0px 0px 4px rgb(212 192 157);}
							.product-list.case-list li{overflow: inherit;background-color: #fff;border-radius: 8px;}
							.product-list.case-list li:nth-child(3n+1){margin-left: 0;}
							.product-item .col-9{padding: 0;}
						
							
							.pro-btn.fa-btn a{width: 120px;height: 36px;line-height: 36px;}
							.type-name{font-size: 20px;line-height: 40px;font-weight: 500;border-left: 6px solid #C2B090;padding-left: 10px;margin-right: 30px;}
							.top-nav{background-color: #fff;justify-content: flex-start;}
							.type-bot{padding: 0 14px;overflow: hidden;}
							.type-bot li{width: 32%;float: left;background-color: #fff;padding: 0 14px;border-radius: 16px;	line-height: 32px;margin-bottom: 12px;margin-left: 2%;}
							.type-bot li:nth-child(3n+1){margin-left: 0;}
							.type-bot li a{    display: block;
								position: relative;
								font-size: 16px;
								font-weight: 400;
							
								color: #252631;
								
								padding-left: 20px;}
								.type-bot li a:before {
								    content: "";
								    width: 8px;
								    height: 8px;
								    background: #1931FF;
								    border-radius: 50%;
								    left: 0;
								    top: 12px;
								    position: absolute;
								}
								.type-bot li:hover a:before{background-color: rgb(212 192 157);}
								
						/* 产品详情 */
						.breadcrumb a{color: #3f78e0; }
									.mb-nav{   background-color: #e9ecef;}
									.swiper-pagination{bottom: 0px !important;}
										.mhonor{padding-bottom: 20px;margin-bottom: 40px;}
										.swiper-pagination-bullet{width: 26px;
									height: 12px;
									transition: all .3s ease; 
									border-radius:6px;
									background:#e1e1e1;}
										.swiper-pagination-bullet-active{width: 50px;
									
									
									background: rgba(25, 49, 255, 1);}
									.swiper-slide-active .pro-border {border: 2px solid rgba(25, 49, 255, 1);   }
									.pro-border{
									
										    border: 2px solid rgba(189, 201, 219, 1);
										    padding: 24px 20px;
										    margin-bottom: 16px;
										 
										    box-sizing: border-box;
										    background: #fff;
									
									}
									.mhonor .swiper-slide{text-align: center;}
									.pro-border img{width: 100%;}
									.product-desc{margin-top: 40px;text-align: center;}
									.product-desc h2{font-size: 26px;margin-bottom: 18px;}
									.product-desc p{font-size: 16px;color: #60697B;line-height: 32px;}
									.kefu-btn,.sub{text-align: center;
											width: 150px;
											margin: 24px auto;
											height: 45px;
											line-height: 45px;
											    background-color: #3F78E0;
											font-size: 16px;}
											.kefu-btn a{color: #fff;display: block;}
											.detail-type-title{    line-height: 33px;
													font-size: 26px;text-align: center;padding: 60px 40px;
													font-weight: 500;
													color: #252631;
													position: relative;}
													.zcys li {
													    position: relative;
													    width: 537px;
													    height: 463px;
													    border-radius: 26px;
													    padding: 32px 32px 0;
													    box-sizing: border-box;
													    background: linear-gradient(132.44deg, rgba(255, 255, 255, 1) 0%, rgba(226, 231, 255, 1) 100%);
													}
													.sub{color: #fff;}
										.zcys li:nth-child(1){margin-right: 66px;}
										.fix-nav .nav li:nth-last-child(1){border-right: 2px solid #d4c09d;}
												.zcys-title{width: 164px;box-sizing: border-box;font-size: 22px;font-weight: 500;padding-bottom: 5px;color: rgba(25, 49, 255, 1); text-align: center; position: relative;}
												.zcys-title:before{content: "";width: 47.6px;height: 47.6px;background: url(../img/zy.svg) center no-repeat;background-size: cover;position: absolute;left: -23.8px;bottom: 0px;}
												.zcys-title-line{width: 100%;height: 4px;background: linear-gradient(90deg,rgba(54,95,255,1) 0%, rgba(104, 125, 255, 0) 100%);position: absolute;left: 0;bottom: 0;}
												.zcys-bg{position: absolute;right: 32px;bottom: 32px; width: 348px;height: 225px;}
												.fwys-tip{width: 400px;margin-top: 20px; height: 54px;line-height: 54px;padding: 0 24px;color:  rgba(25, 49, 255, 1); font-size: 20px;position: relative;z-index: 2; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 49.65%, rgba(255, 255, 255, 1) 100%);}
											.fwys-tip{display: inline-block;margin-right: 6px;}
											.detail-part{padding-bottom: 60px;}
											.fwys-tip b {
											    margin-right: 24px;
											    display: inline-block;
											}
						/* 					.bg-color{background-color: #fafbff;} */
											.fix-nav{height: 60px;background-color: #fff;padding: 0;}
											.fix-nav .nav{display: flex;height: 100%;}
											.fix-nav .nav li{height: 100%;line-height: 100%;border-left:2px solid #d4c09d;transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;}
											.fix-nav .nav li a{padding: 0 56px;flex-shrink: 0;line-height: 60px;display: block;font-size: 20px;}
											.fix-nav .nav li:hover,.nav-act{background-color: #d4c09d ;}
											.fix-nav .nav li:hover a{color: #252631;}
											.pt-cont{ align-items: flex-start;}
											.pt-nav{width: 300px;}
											.pt-nav li{height: 45px;width: 100%;border: 2px solid #3F78E0;margin-bottom: 14px;display: flex;align-items: center;margin-left: 2px;}
												.pt-nav li {font-size: 16px;color: #252631;padding-left: 22px;font-weight: 500; transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;cursor: pointer;}
											.pt-nav li i{color: #d4c09d;font-size: 20px;padding-left: 8px;line-height: 45px;}
											.pt-nav li:hover,.act{background-color: #d4c09d;border: 2px solid #d4c09d !important;margin-left: 18px;}
											.pt-nav li:hover i{color: #fff;}
											.pt-img{position: relative;z-index: 2;display: flex;position: relative;flex: 1;background-color: #fff;height: 348px;}
											.pt-img li{position: absolute;left: 0;top: 0; transition: all .4s cubic-bezier(0.215,0.61,0.355,1) 0s;opacity: 0;padding: 24px;display: flex;}
											.pt-img li img{width: 400px;}
											.pt-img li.img-act{opacity: 1;}
											.img-text{padding-left: 24px;position: relative;}
											.img-text h3{font-size: 24px;margin-bottom: 20px;}
											.img-text p{font-size: 16px;line-height: 32px;}
											.xg-pro {position: absolute;left: 24px;bottom: 0px;display: flex;}
.more-d{margin-left: 24px;
    background-color: #fff;
    
    border: 1px solid #3F78E0;}
			.more-d.kefu-btn a{color: #3F78E0;}									.pro-xh{width: 100%;  font-size: 16px;border-top: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;  caption-side: bottom;    border-collapse: collapse;text-align: center;    border-color: #999;color: #000;}
													.pro-xh tr{border: 0;}
											.pro-xh td{padding: 8px;    border-bottom: 1px solid #DBDBDB;    border-left: 1px solid #DBDBDB;}
						
											.pro-xh tr:nth-child(2n+1){background-color: #eaeaea;}
											.pro-xh tr:nth-child(1){background-color: #D3B998;}
												.pro-xh tr:nth-child(1) td{padding: 12px;    border-bottom: 1px solid #D3B998;   }
												.pro-xh tr:nth-child(1) td{padding: 18px 10px;}
												.pro-form input[type=text]{height: 45px;line-height: 45px;border: 1px solid #d4d4d4;}
												.pro-form .form-group {padding: 4px 24px;}
												.pro-form label{font-size: 16px;color: #60697B;}
												.fix{position: fixed;top: 0;left: 0;z-index: 999;}
												.fx-bar{width: 100%;background: #fff;text-align: center;}
												.nav-pills .nav-link.active{background: none;color: #343f52;}
		/* 加工服务 */
		
		.linear {
		    -moz-transition: all 300ms linear;
		    -webkit-transition: all 300ms linear;
		    transition: all 300ms linear;
		}
		.jgfw-type h2{
			    font-size: 22px;
			    font-weight: 500;
			    line-height: 36px;
		
			    position: relative;
			    padding-left: 12px;
				margin-bottom: 30px;
		}
		.jgfw-type h2:before {
		    content: "";
		    width: 4px;
		    height: 20px;
		    position: absolute;
		    left: 0;
		    top: 8px;
		    background-color: rgb(25, 49, 255);
		}
		h3{line-height: 1;}
		.jgfw-type li{position: relative;margin-bottom: 30px;}
		.jgfw-type li h3{font-size: 18px;margin: 18px 0 14px;color: #3f78e0;}
		.jgfw-item:hover{background: linear-gradient(160deg, rgba(233, 237, 255, 1) 0%, rgba(255, 255, 255, 1) 100%)}
		.jgfw-type .enter a{color:#3f78e0 ;margin-top: 14px;}
		.jgfw-type .enter a:before{
			color: white;
			border-color: #3f78e0;
			background-color: #3f78e0;
			height: 28px;
		}
			.jgfw-type .enter a:hover{color: #fff;}
			.jgfw-text{padding: 0 14px;}
			.odi-lc li{height: 180px; border-radius: 6px;margin-right: 120px;cursor: pointer; border: 2px solid rgb(25, 49, 255);padding: 60px 16px 0; box-sizing: border-box;flex: 1;-webkit-box-flex: 1;-ms-flex: 1;position: relative;}
					.odi-lc li:hover{box-shadow: 10px 10px 15px 5px rgba(4, 0, 108, .1);}
					.odi-lc li:nth-last-child(1){margin-right: 0;}
					.odi-lc li::after{content: "";width: 34px;height: 40px;right: -80px;transform: translateY(-50%); top:50% ; position: absolute;background:url(../img/jt.svg) center no-repeat;background-size:cover;}
					.odi-lc li:nth-last-child(1)::after{display: none;}
					.odi-lc li h3{font-size: 18px;color: #fff;width: 120px;line-height: 1; height: 40px;font-weight: 400; 
					background-color: rgb(25, 49, 255);border-bottom-right-radius:26px; display: flex;align-items: center;justify-content: center;position: absolute;left: -1px;top: 0;}
					.lc-tip{font-size: 16px;color: #252631;line-height: 25px;margin-bottom: 10px;padding-left: 20px;position: relative;}
					.lc-tip:before{content: "";position: absolute;left: 0;width: 8px;top: 8px; height: 8px;background-color: rgb(25, 49, 255);}
					.odi-lc li p{color: #999;}
					.jg-lc{padding: 1px 0 60px;}
					.jg-lc .jc-title{margin: 60px 0;}
					.jg-form label{font-size: 16px;color: ;}
					.jg-form .form-check{line-height: 40px;}
					.jg-form  .form-group {
					    padding: 4px 24px;
					}
					.jgd{box-shadow: 0px 2px 6px -4px rgb(0 0 0 / 6%), 0px 6px 18px 0px rgb(0 0 0 / 4%);background-color: #fff;border-radius: 8px;padding: 1px 24px 40px;margin-top: 60px;}
					.jgd .jc-title{    margin: 50px 0 30px;}
					
					
					/* 关于我们 */
					.about-video{width: 100%;height:100vh;position: relative;display: flex;align-items: center;justify-content: center;}
						.video-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
							.video-img img{width: 100%;
							height: 100%;
							object-fit: cover;}
							.video-img{}
								.about-video video{width: 100%;height: 100%;}
								.about-cont{position: absolute;text-align: center;color: #fff;margin-top: -80px;}
								.about-cont h1{font-size: 52px;margin-bottom: 30px;letter-spacing: 2px;}
								.about-cont h2{font-size:32px ;}
								.about-cont i{font-size: 66px;color: #d4c09d;font-weight: 400;margin: 80px 0 20px;display: block;line-height: 1;cursor: pointer;}
								.about-cont p{font-size: 18px;}
								.video-box{opacity: 0;position: absolute;width: 800px;height: 400px;text-align: center;}
								.show{opacity: 1;z-index: 3;}
								.video-box i{font-size: 42px;color: #fff;}
								.oth-pz {
								    padding: 0;
								    background-color: #fff;
								    overflow: hidden;
								    position: relative;
								}
								.px-line {
									width: 32px;
									height: 110%;
									position: absolute;
									transform: translate(-50%,-50%) rotateZ(15deg);
									left: 50%;
									top: 50%;
									background-color: #f1f5fd;
								}
								.oti-l {
								    width: 41.375%;
									padding: 40px 0 30px 24px;
						float: left;
								    position: relative;
								    z-index: 1;
								}
						/* 		.oth-item:nth-child(1) {
								    margin-right: 12%;
								} */
								.about-desc{margin-top: 40px;}
								.about-desc h2{font-size: 26px;margin-bottom: 30px;}
								.about-desc p{font-size: 16px;color: #60697B;line-height: 32px;}
								.oti-r{    width: 58.625%;height: 500px;float: right;position: relative;
					overflow: hidden;}
					.oti-r:before {
					    content: "";
					    display: block;
					    position: absolute;
					    top: 0;
					    left: -1px;
					    height: 100%;
					    width: 100%;
					    background: url(../img/qiebian.svg) no-repeat;
					    background-position: top left;
					    background-size: auto 100%;
					    z-index: 2;
					}
					.oti-r img{    width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							object-fit: cover;}
					.cus{margin-top: 50px;width: 100%;background: url("../img/cus.jpg") center no-repeat;background-size: cover;}
					.cus-content{padding: 70px 0;}
					.cus-content h2{font-size: 26px;color: #fff;text-align: center;display: block;margin-bottom: 20px;}
					.cus-tit{font-size: 16px;color: #fff;text-align: center;display: block;margin-bottom: 80px;}
					.cus-name{}
					.cus-item{margin-bottom: 30px;}
					.cus-item li{color: rgba(255, 255, 255,1);font-size: 16px;letter-spacing: 1px; cursor: pointer; margin: 0 20px; padding: 20px 24px;background: rgba(255, 255, 255, 0.3); box-shadow: 0px 4px 10px -8px rgba(0, 0, 0, 0.06), 0px 2px 10px 0px rgba(0, 0, 0, 0.06);}
					.cus-item li:hover{color: #fff;background: rgba(255, 255, 255, 0.5);}
					.cus-content .detail-type-title{padding: 0;}
					.jcfw-typ{overflow: hidden;float: left;width: 68.9%;}
					.jcfw-typ li{width: 23%;height: 160px;   transition: all ease .3s; float: left;margin-right:2% ;border: 2px solid rgba(235, 238, 245, 1);color: rgb(37, 38, 49);padding: 20px;  box-sizing: border-box;  }
					.jcfw-typ li:hover{background: linear-gradient(136.15deg, rgba(212, 192, 157, 1) 0%, rgba(255, 255, 255, 1) 100%);}
					.jcfw-typ li:nth-last-child(1){margin-right: 0%;}
					.jcfw-typ li b{font-size: 22px;font-weight: 500;}
					.jcfw-typ li h2{font-size: 22px;line-height: 32px;font-weight: 500;position: relative; margin-top: 26px;display: block;}
					.jcfw-typ li h2:after{content: "";width: 24px;height: 6px;background-color: #d4c09d;bottom: -22px;left: 0;position: absolute;}
				.cul-title{width: 31.1%;float: right; height: 162px;display: flex;align-items: center;justify-content: center; background: #d4c09d;position: relative;box-sizing: border-box;}
					.cul-title h3{font-size: 26px;font-weight: 500;color: #fff;text-align: center;}
					.culture {margin: 40px 0;}
					.about-img{height: 400px;}
					.about-img img{width: 100%;height: 100%;object-fit: cover;}
					.about-core{padding: 60px 0;}
					.about-core li{margin-bottom: 0px;}
					.about-intro{display: flex;flex-direction: column;justify-content: center;padding: 0 24px !important;}
					.about-intro h2{font-size: 26px;margin-bottom: 24px;}
					.about-intro h2 b{font-weight: 500;color: #d4c09d;}
					.about-intro p{font-size: 16px;line-height: 32px;color: #60697B;}
					.about-intro .kefu-btn{margin: 25px 0 0;}
					.about-intro .kefu-btn .tp-btn{box-shadow: none;}
					.about-core .col-6{padding: 0;}
					.contact .form-group{padding-left: 0;margin-bottom: 8px;}
					.contact .col-6{background: ;}
					.ct-title{font-size: 22px;margin-bottom: 24px;}
					.contact{padding-top:1px ;}
					.contact .sub{margin-top: 10px;}
					.contact .pro-form input[type=text],.contact .form-control{background-color: rgba(255,255,255,.7);}
					.contact-mes li{font-size: 16px;line-height: 24px;margin-bottom: 18px;}
					.contact-mes{margin-top: 60px;}
				.pro-news{margin-top: 30px;}
					.pro-news #posts .post .data h2{font-size: 16px;margin-bottom: 0;text-align: left;}
				.pro-news #posts {display: flex;justify-content: space-between;}
				.pro-news #posts .post {width: 100%;}
				#posts .post .time .month{}
				.sub{margin-left: 24px;}
				.pro-type-list li{width: 32%;float: left;margin-bottom: 26px;
				   
				    height: 300px;
				    margin-left: 2%;
				    float: left;
				  
				    border-radius: 4px;
				    overflow: hidden;
				}
				
				.pro-type-list li:nth-child(3n+1){margin-left: 0;}
				.foot-banner{width: 100%;height: 230px; display: flex;align-items: center;flex-direction: column;justify-content: center;margin-top: 50px;}
				.foot-banner h2{font-size: 32px;color: #fff;letter-spacing: 2px;}
						
					.banner_inner .width {
    height: 400px;
    padding-left: 120px;
    position: relative;
}
.banner_inner .title {
    color: #fff;
    font-size: 52px;
    font-weight: 600;
    padding-top: 100px;
}
.banner_inner .intro {
    color: #fff;
       font-size: 26px;
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: 2px;
}
	.width {
    width: 100%;
    max-width: 1280px;
    min-width: 1280px;
    margin: 0 auto;
}
.jgfw-item img{width:100%;}
.product-item .row{margin-top:24px}
			.pro-bot-desc{padding: 14px 12px;}
			.pro-bot-desc h2{font-size: 20px;line-height: 30px;text-align: center;}
			.pro-bot-desc p{font-size: 18px;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
	.navigation-menu{display: flex;align-items: center; justify-content: center;}
	.navigation-menu li{flex: 1;transition: 1s;    background-position: 50%;height: 560px;}
	.navigation-item{padding: 24px;display: flex; background-color: rgb(96 105 123 / 80%);   align-items: flex-end;justify-content: center;width: 100%;height: 100%;transition: 1s; }
	.navigation-text .text-white{font-size:28px;color: #fff;line-height: 36px;margin-bottom: 18px;display: block;}
	.text-white::after{
		content: "";
		-tw-bg-opacity: 1;
		    background-color: rgb(212, 192, 157);
		    display: block;
		    height: 5px;
		    margin-left: auto;
		    margin-right: auto;
		    margin-top: 24px;
		    width: 100px;
	}
	.navigation-menu li:hover{flex: 8;}
	.navigation-menu li:hover .navigation-item{ background-color: rgba(63,120,224,.0);  }
	
	.navigation-menu li .enter a{font-size: 18px;color: #fff;}
	.prod-it{width:100%;}
	.product-item .case-list li,.case-list.product-list li{height:auto;}
	.product-list .case-item{    height: 0;padding-bottom: 75%;}	
	.solution-desc{margin: 40px 0;}
	.solution-desc>div{width: 50%;float: left;}
	.solution-text{padding-right: 60px;}
	.solution-text h2{font-size: 26px;margin-bottom: 14px;}
	.solution-text p{font-size: 16px;color: #60697B;line-height: 32px;}
	.solution-img {width: 100%;height: 400px;}
	.solution-text .kefu-btn{margin: 24px 0 0;}
	.about-pro li{    float: left;     text-align: center;
				width: 23.5%;
				margin-left: 2%;}
	.about-pro li h2{line-height: 50px;
    font-size: 18px;}
	.about-pro li img{width:100%;}
	.img,.img img{width:100%;}
    	.about-pro li:nth-child(1){margin-left:0;}
		.pro-show{display:block !important;opacity:1 !important;}

.nav-bar{width: auto;flex: auto;margin: 0 40px;    display: flex; align-items: center;
    justify-content: space-between;}
		.pro-show{display:block;opacity:1;}		
		@media (max-width: 1400px) {
			.ab-sec .cont .item .img{height: 600px;}
			.ab-sec .cont .item .fz_jut{    padding-left: 120px;       padding-top: 100px;}
			.ab-sec .cont .item .fz_jut .font .nei .text{margin-bottom:40px ;}
			.ab-sec .cont .item .fz_jut .font{display: block;}
			.ab-sec .cont .item.on .fz_jut .font .nei{width: 100%;}
			.ab-sec .cont .item .fz_jut .font .nei .text{font-size: 16px;margin-top: 30px;}
			.fct{padding-right: 50px;}
			.fz_list{margin-bottom: 30px;margin-top: 60px;}
			.fct li{height: 125px;}
			.fz_list .li {padding-right: 30px;}
			.index-title h2{font-size: 26px;}
			.index-title {
			    padding: 40px 0 30px;}
				.apply li{height: 300px;}
				.apply-text{bottom: -178px;}
				
		}

		.fw-banner{width: 100%;height: 500px;text-align: center;}
		.fw-banner h2{font-size: 36px;color: #fff;margin-bottom: 40px;}
		.fw-banner p{font-size: 28px;color: #fff;}
		.jpys-box{width: 920px;margin: 0 auto;position: relative;margin-top: 100px;}
					.jpys-center{width: 100%;height: 100%;background: linear-gradient(141.69deg, rgba(122, 149, 255, 1) 0%, rgba(25, 49, 255, 1) 100%);border-radius: 50%;padding: 17px; }
					
					 .jpys-center-circle{border: 1px solid #fff; color: #fff;width: 100%;height: 100%;border-radius: 50%;font-size: 32px;line-height: 46px;  }
					.bg-f{background-color: #fff;width: 264px;height: 264px;border-radius: 50%;padding: 4px;position: absolute;box-shadow: 3px 5px 12px 5px rgba(4, 0, 108, 0.1); 
						transform: translateX(-50%);left: 50%;top: 0;}
					.jpys-tip li{float: left;width:46%;display: flex;justify-content: right;}
					.jpys-tip-item{padding: 4px;margin-bottom: 100px; background-color: #fff;box-shadow: 3px 5px 12px 5px rgba(4, 0, 108, 0.1);border-radius: 30px;overflow: hidden;}
					.jpys-tip li p{padding: 10px 20px;background: linear-gradient(141.69deg, rgba(54, 95, 255, 1) 0%, rgba(25, 49, 255, 1) 100%);font-size: 18px;font-weight: 500;line-height: 32px;color: #fff;border-radius: 28px;}
					.jpys-tip li:nth-child(2n){float: right;padding-left: 32px;}
					.jpys-tip li:nth-child(2n+1){clear: left;padding-right: 32px;}
					.jpys-tip li:nth-child(4),.jpys-tip li:nth-child(2),.jpys-tip li:nth-child(6){justify-content: left;}
						.jpys-tip li:nth-child(1),	.jpys-tip li:nth-child(2){margin-top: -60px;}
					.jpys-tip li:nth-child(3){padding-right:150px;}
					.jpys-tip li:nth-child(4){padding-left:150px;}
					.fw-type{clear: both;padding: 2px 0;}
					.fw-type li{margin-bottom: 60px;  flex: 1;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
					.fw-type li img{width: 40px ;}
					.fw-type-icon{margin-bottom: 20px;border: 2px solid  #3f78e0 ;width: 100px;height: 100px;border-radius: 50%;display: flex;align-items: center;justify-content: center;
					}
					.fw-type li h2{font-size: 20px;}
.f-acjc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



				.menu_silde>ul{background-color: rgba(255, 255, 255, 1);border-left: 8px solid #c2b090; border-right: 8px solid #c2b090;transform: translateX(-50%);left: 50%;
					position: absolute;z-index: 999; opacity: 0;height: 0;overflow: hidden; transition: all .3s ease;  }
					.navbar-nav>li:hover>ul{opacity: 1; height: auto;}
					.ms-box li{flex: 1;}
					.ms-box{display: flex;width: 450px;    text-align: center;}

					.ms-box dt a{color: #3f78e0;}
					.ms-box dd {margin-bottom: 0;}
					.ms-box dd a{color: #60697b;}
					.ms-box a{font-size: 16px;line-height: 45px;}
					.ms-box a:hover{color: #3f78e0 !important;}
					.menu-navv li{width: 120px;
						text-align: center;
						line-height: 45px;}
					.menu-navv li a{font-size: 16px;color: #60697b;}
					dl{margin-bottom: 0;}



.right-fix {
	    position: fixed;
	    right: 0;
	    top: 35%;
	    width: 70px;
	    text-align: center;
	    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
	    z-index: 999;
	}
	.right-fix li {
	       margin-bottom: 4px;
	    padding: 4px 0;
	    list-style: none;
	    -webkit-transition: all .5s ease;
	    -moz-transition: all .5s ease;
	    transition: all .5s ease;
	    background: #fff;
	}
	.right-fix a {
	    color: #333;
	    font-size: 14px;
	    text-decoration: none;
	    display: block;
	}
	.right-fix i {
	    color:#d4c09d;
	    font-size: 30px;
	}
	 .right-fix img{ width: 32px;
			     margin-bottom: 8px;}
	 .right-fix li:hover{background:  #d4c09d;}
		.right-fix li:hover i{color: #fff;}
		.right-fix li:hover a{color: #fff;}

.right-fix li:nth-child(1){background: #d4c09d;}
			.right-fix li:nth-child(1) p{color:#fff;}
		.l-show{position: absolute;z-index: -2; top: 0;left: 0;top: -94px;box-shadow: -2px 1px 4px rgba(0, 0, 0, .5);opacity: 0;  -webkit-transition: all .5s ease;-moz-transition: all .5s ease; transition: all .5s ease;}
			.l-show img{width: 145px;}
			.l-show p{padding: 4px;background: #d4c09d;color: #fff;font-size: 16px;}
			.fix-weixin:hover .l-show{left: -145px;opacity: 1;}
	.fix-weixin,.fix-call{position: relative;}
.fix-call>p{    position: absolute;
    z-index: -2;
    padding: 15px 12px;
    background: #d4c09d;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
    left: 0;
    top: 0px;
    letter-spacing: 1px;
    box-shadow: -1px 2px 8px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;}
     .fix-call:hover p{left: -205px;opacity: 1;}